<template>
	<view>
		<!-- 头部 开始 -->
		<my-head class="head"></my-head>
		<!-- 头部 开始 -->

		<!-- 一级导航 开始 -->
		<my-navigationOne></my-navigationOne>
		<!-- 一级导航 结束 -->

		<!-- 推荐 开始 -->
		<my-homeRecommend></my-homeRecommend>
		<!-- 推荐 结束 -->

		<!-- 首页 开始 -->
		<my-home class="home" :availableHeight="screenHeight" :navTowList="navTowList" :contentData="contentData"></my-home>
		<!-- 首页 结束 -->
	</view>
</template>

<script>
const demoData = [
	{
		// id
		id: 0,
		// 头像
		headPortrait: '../../static/user.png',
		// 昵称
		username: '温强',
		// 文章
		article:
			'再见冬日，再见旅途\r\n再见沿路而逝的灯火，再见相顾无语的星辰\r\n惟人生的希望，如若随风飘散而逝\r\n因土扎根而生的蒲公英  --永相伴!',
		// 图片
		imgArr: [
			{
				id: 1,
				url: 'https://i.postimg.cc/T38q4X1h/2.webp'
			},
			{
				id: 2,
				url: 'https://i.postimg.cc/ZZTDtP7M/1.webp'
			},
			{
				id: 1,
				url: 'https://i.postimg.cc/bwQHXFSg/4.webp'
			}
		],
		// 赞
		praise: {
			type: '',
			num: 99
		},
		// 踩
		opposition: {
			type: '',
			num: 2
		},
		// 评论
		comment: 2,
		// 分享
		share: 2
	},
	{
		// id
		id: 1,
		// 头像
		headPortrait: '../../static/user.png',
		// 昵称
		username: '温强',
		// 文章
		article:
			'要有光，即使这光只照亮了自己\r\n要有方向，即使寒风与黑暗相随相伴\r\n要有温暖与微笑，因为朋友与伙伴来到我们身边或辞身离去\r\n（写于初冬之夜）',
		// 图片
		imgArr: [
			{
				id: 1,
				url: 'https://i.postimg.cc/Dy4P6z2t/3.webp'
			}
		],
		// 赞
		praise: {
			type: '',
			num: 99
		},
		// 踩
		opposition: {
			type: '',
			num: 2
		},
		// 评论
		comment: 13,
		// 分享
		share: 2
	},
	{
		// id
		id: 2,
		// 头像
		headPortrait: '../../static/user.png',
		// 昵称
		username: '温强',
		// 文章
		article:
			'北国，应已冰原皑皑\r\n我以前以为，我心之安处即我身之安处\r\n此刻，才知我的一部分灵魂与北国的冰雪、酷暑、林木、夜色融为一体\r\n过往的回忆，想起，犹如早间晨曦中的飞鸟划过天空，没有什么痕迹，但让人心情舒朗',
		// 图片
		imgArr: [
			{
				id: 1,
				url: 'https://i.postimg.cc/XJhtvHBs/7.webp'
			},
			{
				id: 2,
				url: 'https://i.postimg.cc/Ls5tS7n7/8.webp'
			}
		],
		// 赞
		praise: {
			type: '',
			num: 99
		},
		// 踩
		opposition: {
			type: '',
			num: 2
		},
		// 评论
		comment: 13,
		// 分享
		share: 2
	}
]
export default {
	data() {
		return {
			// 屏幕高度
			screenHeight: 0,

			// 二级导航数据
			navTowList: [
				{
					id: 0,
					name: '热门'
				},
				{
					id: 1,
					name: '关注'
				},
				{
					id: 2,
					name: '附近'
				},
				{
					id: 3,
					name: '收藏'
				},
				{
					id: 4,
					name: '直播'
				},
				{
					id: 5,
					name: '追剧'
				},
				{
					id: 5,
					name: '影视'
				},
				{
					id: 6,
					name: '自媒体'
				}
			],

			// 内容数据
			contentData: []
		}
	},

	methods: {
		// 获取内容数据
		getContentData() {
			let arr = []
			for (let i = 0; i < this.navTowList.length; i++) {
				let obj = {
					loadType: '上拉加载更多',
					articleList: []
				}
				if (i === 0) {
					obj.articleList = demoData
				}
				arr.push(obj)
			}
			this.contentData = arr
		}
	},

	onLoad() {
		// 获取屏幕可用高度
		uni.getSystemInfo({
			success: res => {
				this.screenHeight = res.windowHeight - uni.upx2px(430)
			}
		})

		// 获取内容数据
		this.getContentData()
	}
}
</script>

<style lang="less">
page {
	background-color: #f5f5f5;
}
</style>
